<template>
  <div class="common-layout">
    <el-container class="lay-container">
        <!-- 自定义的左侧组件 -->
        <CommonAside/>
        <el-container>
            <el-header class="bg-blue-500 text-white">
                <CommonHeader/>
            </el-header>
            <el-main class="righ-main">
                <router-view/>
            </el-main>
        </el-container>
    </el-container>
  </div>
</template>

<script setup>
import CommonAside from '@/components/CommonAside.vue'
import CommonHeader from '@/components/CommonHeader.vue'
</script>

<style scoped>
.common-layout, .lay-container{
    height: 100%;
}
</style>